@charset "gb2312";
/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, hr, th, td {
    padding: 0;
}
p {
    margin: 0px;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

abbr, acronym, img {
    border: none;
}

select, input, button, textarea {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    vertical-align: middle;
}

body, th, td {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 22px;
    color: #000;
    padding-top: 0px;
}

a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    line-height: 23px;
}

a:hover {
    text-decoration: none;
    color: #000;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* + html .clearfix {
    min-height: 1%;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.alg_c {
    text-align: center;
}

.fr {
    float: right;
}

.mt10 {
    margin-top: -10px;
}

.mt30 {
    margin-top: 30px;
}
.marginTopTen{
    margin-top: 10px;
}
#clear {
    clear: both;
    line-height: 1px;
    height: 1px;
    margin-top: -1px;
}

/*header start*/
.headerbox {
    position: relative;
    z-index: 9999;
    height: 126px;
    background: url(../images/bg_header.png) repeat-x 0 0;
    overflow: hidden;
}

.header {
    height: 110px;
    margin: 0 auto;
    background: url(../images/bg_header1.gif) no-repeat 60% 0;
    overflow: hidden;
}

.headercon {
    width: 980px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-top: 20px;
}

.logo, .menu, .language {
    float: left;
    display: inline-block;
    overflow: hidden;
}

.logo {
    margin-right: 32px;
    margin-top: 0px;
}
.menu {
    position: relative;
    width: 632px;
    height: 70px;
    background: url("../images/bg_menu.png") no-repeat 0 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 18px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.menu li {
    float: left;
    display: inline;
    list-style: none;
    margin: 12px 2px 12px 0;
    overflow: hidden;
}

.menu li.back {
    position: absolute;
    z-index: 8;
    background: url("../images/bg_menucur1.gif") no-repeat 100% -24px;
    width: 10px;
    height: 24px;
}

.menu li.back .left {
    background: url("../images/bg_menucur1.gif") no-repeat 0 0;
    height: 24px;
    margin-right: 10px;
}

.menu li a {
    position: relative;
    z-index: 10;
    float: left;
    display: block;
    height: 24px;
    font: 14px/24px "Microsoft Yahei", arial sans-serif;
    text-decoration: none;
    color: #3f3f3f;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    padding: 0 13px;
}

.menu li a:hover {
    border: none;
    color: #fff;
}

.menu li.current {
    color: #fff;
}

.menu li.current a {
    color: #fff;
}

.language {
    width: 44px;
    height: 47px;
    background: url(../images/bg_language.gif) no-repeat 0 -1px;
    color: #488fc0;
    line-height: 47px;
    text-align: center;
    margin-top: 13px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 5px;
}

.language a {
    display: block;
    color: #dedede;
    line-height: 43px;
    text-decoration: none;
}

.language a:hover {
    color: #eaeaea;
}
/*header end*/
/*banner start*/
.main {
    position: relative;
    z-index: 6666;
    margin-top: -15px;
    margin-bottom: 0px;
}
.bannerbox {
    /*position: absolute;*/
    z-index: 998;
    width: 100%;

    height: auto;
    text-align: center;
    /*left: 0;*/
    /*max-height: 594px;*/
}
#Slidebox {
    width: 100%;
    height: auto;
    /*max-height: 594px;*/
    margin: 0 auto;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
#banBg {
    clear: both;
    width: 100%;
    height: auto;
    /*max-height: 594px;*/
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#banLine {
    clear: both;
    height: auto;
    /*max-height: 594px;*/
    width: 100%;
}
#banner {
    clear: both;
    position: relative;
    width: 100%;
    height: auto;
    /*max-height: 594px;*/
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}
#banner a {
    width: 100%;
    height: auto;
    /*max-height: 594px;*/
    display: block;
}
#banner img {
    /*height: auto;*/
    /*width: 100%;*/
}
.ban_bar {
    position: absolute;
    left: 50%;
    bottom: 10px;
    min-width: 60px;
    z-index: 69;
    height: 20px;
    overflow: hidden;
    text-align: center;
    -webkit-transform: translate(-50% , 0);
    -moz-transform: translate(-50% , 0);
    -ms-transform: translate(-50% , 0);
    -o-transform: translate(-50% , 0);
    transform: translate(-50% , 0);
}
.ban_bar .no {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin: 2px 4px;
    cursor: pointer;
    background: url(../images/pagination.png) no-repeat 0px 0px;
    overflow: hidden;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="n_images/pagination.png" ,sizingMethod="crop");
}
.ban_bar .dq {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin: 2px 4px;
    cursor: pointer;
    background: url(../images/pagination.png) no-repeat 0px -12px;
    overflow: hidden;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="n_images/pagination.png" ,sizingMethod="crop");
}
/*banner end*/
/*maincon start*/
.maincon_box {
    z-index: 999;
    width: 100%;
}
.main_con {
    position: relative;
    width: 100%;
    margin: 12px auto;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.m_mod {
    float: left;
    display: inline-block;
    width: 330px;
    height: 260px;
    margin-right: 32px;
    overflow: hidden;
}
.m_title {
    font: 13px/20px "Microsoft Yahei",Arial,sans-serif;
    color: #02365c;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url(../images/in_line.gif) no-repeat bottom;
}
.m_title span {
    float: right;
    font: 11px/20px Arial, Helvetica, sans-serif;
    color: #878787;
    margin-top: 10px;
}
.m_title span a {
    color: #878787;
}
.m_content {
    position: relative;
}
.toppic {
    float: left;
    display: inline-block;
    width: 90px;
    margin-right: 8px;
}
.toptheme {
    width: 226px;
    float: right;
}
.toptheme h4 {
    font-size: 12px;
    font-family: Microsoft Yahei;
    padding: 0;
    margin: 0;
    color: #5b5b5b;
}
.toptheme p {
    color: #878787;
}
.themelist {
    clear: both;
    border-top: 1px solid #e2e2e2;
    margin-top: 12px;
}
.themelist li {
    float: left;
    width: 100%;
    height: 28px;
    line-height: 24px;
    background: url(../images/point.gif) repeat-x 0 99%;
    overflow: hidden;
}
.themelist li span {
    float: right;
    color: #878787;
}
.themelist li a {
    width: 250px;
}
.in_nt {
    width: 330px;
    border-bottom: 1px #dfe0e0 solid;
    height: 21px;
    line-height: 21px;
}
.in_nt ul {
    list-style: none;
    padding-top: 0;
    margin-top: 0;
}
.in_nt ul li{
    float: left;
}
.in_nt .st02 {
    width: 60px;
    font-weight: normal;
    cursor: pointer;
    background: url(../images/hua_002.gif) no-repeat;
    margin-left: 3px;
    color: #818181;
    font-size: 12px;
    font-family: "����";
}
.in_nt .st02 a {
    WIDTH: 60px;
    font-size: 12px;
}
.in_nt .st01 {
    background: url(../images/hua_001.gif) no-repeat;
    CURSOR: pointer;
    color: #FFF;
    margin-left: 3px;
    font-size: 12px;
    font-family: "����";
    font-weight: normal;
}
.in_nt .st01 a:visited {
    color: #FFF;
    font-size: 12px;
}
.in_nt .st01 a {
    color: #FFF;
    font-size: 12px;
}
.in_nt li {
    width: 60px;
    height: 21px;
    text-align: center;
    float: left;
    line-height: 21px;
}
.in_nb {
    width: 330px;
    padding-top: 10px;
}
.news_r {
    width: 330px;
    margin-top: 0;
    padding-top: 0;
    height: 160px;
}
.news_r ul {
    list-style: none;
    padding-top: 0;
    margin-left: 0;
    margin-top: 0;
}
.news_r li {
    line-height: 30px;
    height: 30px;
    text-align: left;
    padding-left: 0;
    background: url(../images/point.gif) repeat-x 0 100%;
}
.news_r ul li span {
    float: right;
    color: #878787;
}
.n_book {
    background: url(../images/ico_periodical.gif) no-repeat -3px 0;
}
.n_weibo, .n_book, .n_video {
    display: inline-block;
    height: 46px;
    overflow: hidden;
    font: bold 14px/48px "Microsoft Yahei",Arial,sans-serif;
    color: #333;
    padding-left: 44px;
    margin-right: 4px;
}
.n_video {
    background: url(../images/ico_movie.gif) no-repeat -3px 0;
    margin-right: 0px;
}
.m_title02 {
    font: 14px/20px "Microsoft Yahei",Arial,sans-serif;
    color: #02365c;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url(../images/in_line02.gif) no-repeat bottom;
}
.m_title02 span {
    float: right;
    font: 11px/20px Arial, Helvetica, sans-serif;
    color: #878787;
    margin-top: 10px;
}
.m_title02 span a {
    color: #878787;
}
.m_content {
    position: relative;
}
.dz{
    background:url(../images/a03.gif) no-repeat;  width:330px; height:54px;
}
.caseshow {
    position: absolute;
    z-index: 98;
    width: 256px;
    height: 220px;
    overflow: hidden;
}
.callbacks_container {
    position: relative;
    height: 220px;
    width: 256px;
}
.casemask {
    position: absolute;
    z-index: 99;
    width: 256px;
    height: 220px;
    overflow: hidden;
    background: url(../images/case_mask.png) no-repeat 0 0;
}
.w260 {
    width: 260px;
    margin-right: 0;
    float: right;
}
.n_weibo, .n_book, .n_video{
    margin-top: 4px;
}
/*maincon end*/
/*logolink start*/
.logolink {
    padding: 15px 0;
    background: #e5e5e5;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}
.logolink a {
    display: inline-block;
    float: left;
    width:140px;
    height: 47px;
    margin: 0 3px;
    margin-right: 4px;
    text-align: center;
}
.logolink a img {
    vertical-align: middle;
	width:140px;
    margin: 4px auto;
}
#link980 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
/*logolink end*/
/*footer start*/
.footer {
    position: relative;
    z-index: 6666;
    height: 266px;
    background: #3797d6;
    overflow: hidden;
    font-size: 12px!important;
}
.footcon {
    width: 980px;
    margin: 0 auto;
    display: flex;
    /* justify-content: space-between; */
}
.f_mod1 {
    width: 330px;
    margin-left: -3px;
}
.f_mod1, .f_mod2, .f_mod3 {
    float: left;
    display: inline;
    height: 236px;
    margin: 24px 0px 24px 0;
    overflow: hidden;
}
.f_mod1 p {
    /*margin-bottom: 36px;*/
    /*margin-top: -2px;*/
    text-align: justify;
}
.f_mod1 dl dt {
    color: #a6a6a6;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 14px;
    width: 100%;
}
.f_mod1 dl dd {
    color: #9f9f9f;
    width: 100%;
}
.footer dd {
    font-size: 12px!important;
}
.f_mod1 dl dd a {
    color: #fff;
    margin: 0 0px 0 0;
    font-size: 12px;
}
.f_mod1 dl dt {
    color: #fff;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 14px;
    width: 100%;
}
.footer dt {
    font-size: 12px!important;
}
.f_mod2 {
    width: 330px;
    padding-left: 14px;
    background: url(../images/blue_line.gif) no-repeat 0 50%;
    margin-right: 14px;
    margin-left: 20px;
}
.formbox {
    background: url(../images/bg_form.gif) no-repeat 100% 0;
}
.formbox p {
    margin: 1px 0 8px;
}
.sear input {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: #666;
    background: none;
    border: 0;
    margin: 2px 0 2px 4px;
    font-size: 12px;
}
.w230 {
    width: 230px;
}
select, input, button, textarea {
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    vertical-align: middle;
}
.w120 {
    width: 98px;
    margin: 0 6px 0 0;
}
.textarea1 {
    border: 0;
    background: none;
    line-height: 22px;
    width: 255px;
    height: 92px;
    margin: 2px 0 0 1px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #666;
}
.fr {
    float: right;
}
.w100 {
    width: 78px;
}
.sear span {
    display: inline-block;
    margin-left: 12px;
}
.sumbit {
    display: inline-block;
    width: 64px;
    height: 27px;
    border: 0;
    background: none;
    background: url(../images/btn_submit.gif) no-repeat 0 0;
    overflow: hidden;
    font: 12px/26px "Microsoft Yahei",Arial,sans-serif;
    color: #414141;
    cursor: pointer;
}
.f_mod3 {
    width: 245px;
    float: right;
    /* padding-left: 24px; */
    text-align: right;
    color: #fff;
    background: url(../images/blue_line.gif) no-repeat 0 50%;
    /* padding-right: 0px; */
    margin-right: 0px;
}
.f_mod3 h4 {
    font-weight: bold;
    font-size: 12px;
}
.f_mod3 p {
    font-size: 12px;
}
.ico_tel {
    background-position: 0 0;
}
.ico_tel, .ico_mail, .ico_web2, .ico_web {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/ico_gro.gif) no-repeat;
    vertical-align: middle;
    margin: 0 2px;
}
.ico_mail {
    background-position: 0 -20px;
}
.ico_tel, .ico_mail, .ico_web2, .ico_web {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/ico_gro.gif) no-repeat;
    vertical-align: middle;
    margin: 0 2px;
}
.ico_hy {
    display: inline-block;
    width: 20px;
    height: 16px;
    background: url(../images/www.png) no-repeat;
    vertical-align: middle;
    margin: 0 2px;
}
.f_mod3 a {
    color: #fff;
    font-size: 12px;
}
.footerMobile{
    display: none;
}
.headerboxmobile{
    display: none;
}
.ico_mail {
    background-position: 0 -20px;
}
/*footer end*/
/*�������?*/
.local {
    height: 45px;
    font: 12px/48px "Microsoft Yahei",Arial,sans-serif;
    color: #2c2c2c;
    background: url(../images/bg_local.gif) repeat-x 0 100%;
    overflow: hidden;
}
.local_con {
    width: 980px;
    margin: 0 auto;
    /*padding: 0 8px;*/
    font-size: 12px;
    color: #222222;
    font-family: "΢���ź�";
}
.local a {
    text-decoration: none;
    font-size: 12px;
    color: #222222;
    font-family: "΢���ź�";
}
.main_con_product{
    position: relative;
    width: 100%;
    margin: 12px auto;
    height: auto;
    overflow: hidden;
    max-width: 960px;
}
.m_left {
    width: 225px;
}
.m_left, .m_right {
    float: left;
    display: inline-block;
    margin: 0;
    height: auto;
    /*overflow: auto;*/
}
.left_t {
    height: 50px;
    background: url(../images/bg_left_t.gif) no-repeat 0 100%;
    overflow: hidden;
}
.left_tit {
    height: 40px;
    font: 18px/40px "Microsoft Yahei",Arial,sans-serif;
    color: #2c2c2c;
    background: url(../images/bg_left_tit.gif) no-repeat 0 100%;
    margin: 8px 10px 0;
}
.left_c {
    min-height: 500px;
    height: auto!important;
    _height: 500px;
    padding: 0 10px;
    background: url(../images/bg_left_c.gif) repeat-y 0 0;
    overflow: hidden;
}
.left_c a {
    font-size: 14px;
}
#PARENT {
    width: 185px;
}
#nav {
    width: 185px;
    line-height: 24px;
}
#nav li {
    float: left;
    width: 185px;
    border-bottom: 1px solid #d9d9d9;
    font: 15px/30px "Microsoft Yahei",Arial,sans-serif;
    overflow: hidden;
}
#nav a:link {
    color: #494646;
}
#nav li a {
    display: block;
    color: #494646;
    background: url(../images/ico_arrgry.gif) no-repeat 3px 50%;
    padding-left: 30px;
}
#nav li a.lanse {
    display: block;
    color: #145e93;
    background: url(../images/arr_right.gif) no-repeat 3px 50%;
    padding-left: 30px;
}
#nav a:link {
    color: #494646;
}
.left_f {
    height: 38px;
    background: url(../images/bg_left_f.gif) no-repeat 0 0;
}
.m_right {
    width: 710px;
    margin-left: 18px;
}
.r_title {
    margin-bottom: 18px;
    /*margin-top: -22px;*/
}
.r_title h4 {
    font: normal bold 18px/36px "Microsoft Yahei",Arial,sans-serif;
    color: #3e3e3e;
}
.r_content p {
    margin-bottom: 18px;
    color: #494646;
}
#nav li a .lanse {
    display: block;
    color: #145e93;
    background: url(../images/arr_right.gif) no-repeat 3px 50%;
    padding-left: 30px;
}
#nav a:hover {
    color: #145e93;
    background: url(../images/arr_right.gif) no-repeat 3px 50%;
}
#nav li ul {
    width: 185px;
    border-top: 1px solid #d9d9d9;
    padding: 0 0 0 0;
    height: auto;
    overflow: hidden;
    margin: 0 0 -1px 0;
}
#nav li ul li {
    font-weight: normal;
    padding-left: 28px;
}
#nav li {
    float: left;
    width: 185px;
    border-bottom: 1px solid #d9d9d9;
    font: 15px/30px "Microsoft Yahei",Arial,sans-serif;
    overflow: hidden;
}
#nav li ul li a:hover, #nav li ul li.subcur {
    color: #145e93;
    background: url(../images/arr_right.gif) no-repeat 3px 50%;
}
/* �������˵� */
#nav { width:185px;line-height:24px;/*list-style-type:none;text-align:left;*/}
/*================һ��Ŀ¼=================*/
#nav li { float:left; width:185px; border-bottom:1px solid #d9d9d9; font:15px/30px "Microsoft Yahei",Arial,sans-serif; overflow:hidden;}
#nav li a{ display:block; color:#494646; background:url(../images/ico_arrgry.gif) no-repeat 3px 50%; padding-left:30px;}
#nav li a:hover,#nav li a.lcur { color:#145e93; background:url(../images/arr_right.gif) no-repeat 3px 50%;}
#nav a:link { color:#494646; }
#nav a:hover { color:#145e93;background:url(../images/arr_right.gif) no-repeat 3px 50%;}

#nav li a.lanse{ display:block; color:#145e93;background:url(../images/arr_right.gif) no-repeat 3px 50%; padding-left:30px;}

/*================����Ŀ¼=================*/
#nav li ul { width:185px; border-top:1px solid #d9d9d9; padding:0 0 0 0; height:auto; overflow:hidden; margin:0 0 -1px 0;}
#nav li ul li { font-weight:normal;padding-left:28px;}
#nav li ul li a { }
#nav li ul li a:hover,#nav li ul li.subcur{ color:#145e93; background:url(../images/arr_right.gif) no-repeat 3px 50%;}
#nav li:hover ul { left:auto;}
#nav li.sfhover ul { left:auto;}
#content { clear:left;}
#nav ul.collapsed { display:none;}
#PARENT { width:185px;}

.r_content{ font:14px/24px "Simsun",Arial, sans-serif;}
.r_content p{ margin-bottom:18px; color:#494646;}
.r_content strong{color:#004c88;}
/*.line{ margin:5px 0; border-bottom:1px solid #DBDBDB;}*/
/*.linkgry{ }*/
/*.linkgry a{ display:inline-block; height:40px; margin:0 3px;}*/
/*.grylogo1{ width:200px; background:url(../images/grylogo1.gif) no-repeat 0 0;}*/
/*.grylogo2{ width:162px;background:url(../images/grylogo2.gif) no-repeat 0 0;}*/
/*.grylogo3{ width:100px;background:url(../images/grylogo3.gif) no-repeat 0 0;}*/
/*.grylogo4{ width:200px;background:url(../images/grylogo4.gif) no-repeat 0 0;}*/
/*.grylogo1:hover,.grylogo2:hover,.grylogo3:hover,.grylogo4:hover{ background-position:0 -40px;}*/
.leftmenubottom{
    display: flex;
    flex-direction: row;
}
.pro_dtlist li {
    float: left;
    display: inline-block;
    width: 225px;
    height: auto;
    margin: 0 5px;
    overflow: hidden;
}
.pro_dtlist li .ptit {
    width: 225px;
    /*text-indent: 12px;*/
    height: 54px;
    font: 12px/40px "����",Arial,sans-serif;
    color: #6d6d6d;
}
.pro_dtlist li .ptit a {
    background: url(../images/p01.gif) no-repeat;
    width: 226px;
    height: 38px;
    display: block;
    color: #6d6d6d;
    line-height: 38px;
    text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.paging {
    margin: 0 auto;
    min-height: 25px;
    padding-top: 12px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.paging a {
    display: inline-block;
    height: 23px;
    border: 1px solid #dddddd;
    padding: 0 10px;
    text-decoration: none;
    color: #999999;
    margin-right: 2px;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 5px;
}
.paging .page_current, .paging a:hover {
    display: inline-block;
    height: 23px;
    background: #2c86de;
    border: 1px solid #114c7a;
    color: #FFF;
    padding: 0 10px;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
}
.paging .page_current, .paging a:hover {
    display: inline-block;
    height: 23px;
    background: #2c86de;
    border: 1px solid #114c7a;
    color: #FFF;
    padding: 0 10px;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
}
.caseImage{
    width: 225px;
    height: 152px;
}
.introduce {
    float: left;
    display: inline;
    width: 628px;
}
.newslist {
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
}
.news_tit {
    width: 600px;
    height: 38px;
    font: bold 14px/38px "Sinsum",Arial,sans-serif;
    padding-left: 24px;
    overflow: hidden;
    border-bottom: 1px solid #a5a5a5;
}
.news_tit span {
    float: right;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}
.news_tit em {
    display: inline-block;
    font-style: normal;
    margin-left: 30px;
    width: 60px;
    text-align: center;
}
.newslist li {
    float: left;
    width: 600px;
    height: 33px;
    font: 14px/38px "Sinsum",Arial,sans-serif;
    background: url(../images/point_blue.gif) no-repeat 8px 50%;
    padding-left: 24px;
    overflow: hidden;
    border-bottom: 1px solid #e3e6eb;
}
.newslist li span {
    float: right;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}
.newslist li b {
    display: inline-block;
    font-weight: normal;
    width: 100px;
    text-align: center;
}
.newslist li em {
    display: inline-block;
    font-style: normal;
    margin-left: 30px;
    width: 60px;
    text-align: center;
}
.report {
    float: left;
    display: inline;
    width: 320px;
    margin-left: 10px;
    height: auto;
    overflow: hidden;
}
.topicbox_s {
    width: 320px;
    overflow-y: auto;
}
::-webkit-scrollbar {display:none}
.topic_s_tit {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding-left: 12px;
    margin-bottom: 5px;
    padding-top: 0;
}
.topic_s {
    position: relative;
    width: 311px;
    margin: 0 4px;
}
.topic_s li {
    display: block;
    position: absolute;
    width: 153px;
}
.topic_s li img {
    display: block;
    width: 153px;
}
.topic_s .topic_con_s {
    width: 153px;
    padding: 0 5px;
    background: #ebedf1;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    height: auto;
    overflow: hidden;
}
.topic_s .topic_con_s .biaoti {
    height: 25px;
    font: 12px/22px "����";
    color: #6d6d6d;
    border-bottom: 1px #ccc solid;
    padding: 8px 0 2px;
}
.topic_s .topic_con_s .wenzi {
    margin-bottom: 0;
    text-indent: 0;
    font-size: 12px!important;
    color: #6d6d6d;
    margin-top: 10px;
}
.s_more {
    float: right;
    display: block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    color: #16659e;
    background: url(../images/icon03.jpg) no-repeat 0 50%;
    padding: 0 0 0 12px;
    overflow: hidden;
}
.topic_f_s {
    width: 151px;
    height: 10px;
    background: url(../images/bg_topic_s.gif) no-repeat 0 100%;
}
.topic_s .topic_con_s .biaoti {
    height: 35px;
    font: 12px/22px "����";
    color: #6d6d6d;
    border-bottom: 1px #ccc solid;
    padding: 8px 0 2px;
}
.topic_s .topic_con_s .wenzi {
    margin-bottom: 0;
    text-indent: 0;
    font-size: 12px!important;
    color: #6d6d6d;
    margin-top: 10px;
}
.watchMore{
    height: 20px;
    display: block;
}
.introduceA{
    width:100px;
    margin-bottom:20px;
    height:30px; line-height:30px;
    text-align:center; border-radius:5px;
    background:#efefef; display:block; float:left;
    margin-right:10px;
}
.xuliantable{
    width: 200px;
}
.xulian {
    border: 1px #D9D9D9 solid;
    border-top: none;
    border-left: none;
    border-right: none;
}
.xulianleft{
    width: 45px;
}
.xulianright{
    padding-left:15px;
    line-height:30px;
    width: 155px;
}
.page_content strong {
    font-size: 14px;
    color: #6d6d6d;
}
.ke-zeroborder-mobile{
    display: none;
}
.in_nr {
    width: 628px;
    border: 1px solid #cccccc;
    /*border-bottom: none;*/
    /*border-top: none;*/
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 6px;
    border-radius: 6px;
}
.introduce .in_nr h1 {
    width: 605px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-family: "Microsoft Yahei", "Simsun";
    font-size: 20px;
    color: #494646;
    background: #e5e5e5;
    margin: auto;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
}
.introduce .in_nr h2 {
    width: 605px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-family: "Simsun";
    font-size: 14px;
    color: #8a8a8a;
    font-weight: normal;
}
.in_txt {
    width: 598px;
    margin: auto;
}
.in_nr .in_txt p {
    font-size: 12px;
    line-height: 26px;
    padding-top: 10px;
    color: #6d6d6d;
    font-family: "����";
}
.introduce .in_nr img {
    margin: auto;
    text-align: center;
}
.co_b {
    height: 23px;
    line-height: 23px;
    margin-top: 10px;
    float: left;
    width: 630px;
}
.co_b a {
    display: block;
    color: #494646;
    font-size: 14px;
    float: left;
    text-decoration: none;
    font-weight: bold;
}
.co_b {
    height: 23px;
    line-height: 23px;
    margin-top: 10px;
    float: left;
    width: 630px;
}
.project_pages {
    height: auto;
    overflow: hidden;
}
.project_title {
    color: #494949;
    font-size: 16px;
    font-family: "Microsoft Yahei";
    line-height: 30px;
    margin-bottom: 10px;
}
.project_content {
    position: relative;
    width: 960px;
    margin-bottom: 15px;
}
.project_content li {
    display: block;
    position: absolute;
    width: 220px;
}
.project_content li img {
    display: block;
    width: 220px;
}
.project_content .topic_con {
    width: 220px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #d9d9d9;
    height: auto;
    overflow: hidden;
}
.project_content .topic_con h4 {
    height: auto;
    font: 16px/22px "Microsoft Yahei",Arial,sans-serif;
    color: #494949;
    background: url(../images/bg_prolist_tit.gif) no-repeat 0 100%;
    padding: 10px 0 12px;
    margin-bottom: 10px;
}
.project_content .topic_con p {
    margin-bottom: 0;
    text-indent: 0;
    font: 13px/20px "Simsun",Arial,sans-serif;
    color: #7d7d7d;
    height: auto;
    overflow: hidden;
}
.p_more {
    float: right;
    display: inline-block;
    font-size: 12px;
    color: #145e93;
    background: url(../images/icon03.jpg) no-repeat 0 50%;
    padding: 5px 0 5px 12px;
}
.topic_f {
    width: 220px;
    height: 22px;
    background: url(../images/bg_topic.gif) no-repeat 0 100%;
    overflow: hidden;
}
.case_right {
    margin: 0 auto;
    width: 395px;
}
.case_right {
    width: 395px;
    font: 14px/26px sans-serif;
}
.case_left, .case_right {
    float: left;
    display: inline-block;
    height: auto;
    overflow: hidden;
}
.case_c {
    width: 369px;
    height: auto;
    padding: 10px 12px 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d9d9d9;
    color: #494646;
    border-radius: 10px;
    margin-left: 15px;
}
.case_right_mobile{
    display: none;
}
.case_c_mobile{
    display: none;
}
.font18 {
    font: bold 18px/36px "Microsoft Yahei",Arial,sans-serif;
    color: #474747;
}
.p_more:hover{
    text-decoration: none;
    color: #ff8400;
}
.page_content{
    width: 710px;
    float: left;
    /*margin-left: 22px;*/
    font-size: 12px;
    color: #6d6d6d;
}
.page_content_ry{
    width: 710px;
    float: left;
    font-size: 12px;
    color: #6d6d6d;
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    /*align-items: center;*/
    flex-wrap: wrap;
}
.page_content_ry_div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.3%;
}
.title {
    color: #555555;
    font-family: "Microsoft Yahei";
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    display: block;
}
.job_list p {
    background: url(../images/job_bg.gif) left top no-repeat!important;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 697px;
    height: 34px;
    line-height: 34px;
    padding-left: 20px;
    margin-bottom: 2px;
}
.job_list p a {
    line-height: 34px;
}
.job_list p a:hover {
    color: #ff8400;
}
.book_title {
    height: 43px;
    border: 1px solid #ddd;
    background: url(../images/bg_pubtit.gif) repeat-x 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #494544;
    line-height: 43px;
    padding-left: 12px;
}
.fr {
    float: right;
}
.book_content {
    background: url(../images/bg_publication.gif) no-repeat 0 0;
    height: 660px;
    overflow: hidden;
}
.book_list {
    width: 640px;
    margin: 40px auto 0;
    height: auto;
    overflow: hidden;
}
.book_list li {
    float: left;
    display: inline;
    width: 115px;
    height: 145px;
    padding-left: 1px;
    margin: 0 6px 70px;
    background: url(../images/bg_publist.png) no-repeat;
}
.book_list li img {
    width: 105px;
    height: 145px;
    overflow: hidden;
}
.page_book {
    height: 43px;
    border: 1px solid #ddd;
    background: url(../images/bg_pubtit.gif) repeat-x 0 0;
}
.page_pub {
    height: 25px;
    padding-top: 12px;
}
.page_pub a {
    height: 24px;
    padding: 0 10px;
    text-decoration: none;
    color: #4b4748;
    margin-right: 2px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}
.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.s_more:hover{
    color: #ff8400;
}
.imgWidth{
    width: 540px;
    height: 395px;
}
?/*swiper*/
.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #2c93da !important;
}
@media only screen and (min-width: 1024px) {
    .swiper-pagination-bullet {
        width: 11px !important;
        height: 11px !important;
        display: inline-block;
        border-radius: 100%;
        background: #fff !important;
        opacity: 1 !important;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 9px !important;
    }

    .swiper-pagination-bullet-active {
        background: #2c93da !important;
        width: 12px !important;
        height: 12px !important;
    }

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 26px !important;
        left: 0;
        width: 100%;
    }
}